/* layer switcher */
.olControlLayerSwitcher {
	position: absolute;
	top: 25px;
	right: 0;
	/* width:20em; */
	font-family: sans-serif;
	font-weight: 700;
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 3px;
	font-size: xx-large;
	color: #FFF;
	background-color: white;
}

.olControlLayerSwitcher .layersDiv {
	background-color: #00008B;
	padding: 5px 10px;
}

.olControlLayerSwitcher .layersDiv .baseLbl,.olControlLayerSwitcher .layersDiv .dataLbl
	{
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 3px;
}

.olControlLayerSwitcher .layersDiv .baseLayersDiv,.olControlLayerSwitcher .layersDiv .dataLayersDiv
	{
	padding-left: 10px;
	background-color: black;
}

.olControlLayerSwitcher .maximizeDiv,.olControlLayerSwitcher .minimizeDiv
	{
	width: 18px;
	height: 18px;
	top: 5px;
	right: 0;
	cursor: pointer;
}

/* overview map */
.olControlOverviewMapContainer {
	position: absolute;
	bottom: 0;
	right: 0;
}

.olControlOverviewMapElement {
	background-color: #E6E6FA;
	-moz-border-radius: 1em 0 0;
	padding: 5px 5px 5px 5px;
}

.olControlOverviewMapMinimizeButton,.olControlOverviewMapMaximizeButton
	{
	height: 18px;
	width: 18px;
	right: 0;
	bottom: 80px;
	cursor: pointer;
}

.olControlOverviewMapExtentRectangle {
	overflow: hidden;
	background-image: url(img/blank.gif);
	cursor: move;
	border: 2px dotted red;
}

.olControlOverviewMapRectReplacement {
	overflow: hidden;
	cursor: move;
	background-image: url("/PMap-portlet/html/pmap_portlet/img/overview_replacement.gif" ");
	background-repeat: no-repeat;
	background-position: center;
}

.olControlScaleLine {
	display: block;
	position: absolute;
	left: 10px;
	bottom: 15px;
	font-size: xx-small;
}

/* scaleline cho bottom - ko co border o bottom */
.olControlScaleLineBottom {
	border: solid 2px #000;
	border-bottom: none;
	margin-top: -2px;
	text-align: center;
	font-size: xx-small;
}

/* scaleline cho top - ko co border o top */
.olControlScaleLineTop {
	border: solid 2px #000;
	border-top: none;
	text-align: center;
	font-size: xx-small;
}

.olControlSaveFeaturesItemActive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/save_features_on.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.olControlSaveFeaturesItemInactive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/save_features_off.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.olControlSelectFeaturesItemActive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/view_next_on.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.olControlSelectFeaturesItemInactive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/view_next_off.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.olControlNavigationItemActive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/editing_tool_bar.png");
	background-repeat: no-repeat;
	background-position: -103px -23px;
}

.olControlNavigationItemInactive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/editing_tool_bar.png");
	background-repeat: no-repeat;
	background-position: -103px -0px;
}

.olControlDrawFeaturePointItemActive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/draw_point_on.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.olControlDrawFeaturePointItemInactive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/draw_point_off.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.olControlDrawFeatureLineItemActive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/draw_line_on.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.olControlDrawFeatureLineItemInactive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/draw_line_off.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.olControlDrawFeaturePolygonItemActive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/draw_polygon_on.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.olControlDrawFeaturePolygonItemInactive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/draw_polygon_off.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.olControlModifyFeatureItemActive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/move_feature_on.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.olControlModifyFeatureItemInactive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/move_feature_off.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.olControlDeleteFeatureItemActive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/remove_point_on.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.olControlDeleteFeatureItemInactive {
	background-image:
		url("/PMap-portlet/html/pmap_portlet/img/remove_point_off.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.layerlistActive {
	background-image: url("/PMap-portlet/html/pmap_portlet/img/plus.png");
	background-repeat: no-repeat;
	background-position: -25px -2px;
}

.layerlistInactive {
	border: 0px solid black;
	background-image: url("/PMap-portlet/html/pmap_portlet/img/minus.png");
	background-repeat: no-repeat;
	background-position: -25px -2px;
}